<template>
    <div class="welcome-panel">
        <span class="welcome-msg">欢迎回来,{{$store.getters.getMyInfo.nickname}}</span>
    </div>
</template>

<script>
import Panel from '../common/panel'
export default {
  components: {
    Panel
  }
}
</script>

<style lang="scss">
.welcome-panel{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .welcome-msg{
        //transition: all 0.3s ease;
        font-size: 32px;
        animation: scalefont .5s ease;
    }
    @keyframes scalefont{
        from {transform: scale(5);}
        to {transform: scale(1);}
    }
}
</style>
